//页面设置
.content {
	background: #f5f5f5;
	.m-t {
		margin-top: 16upx;
	}
}

//--------------------------------------------------------------------------------------------------
//<!-- 头部轮播  开始  -->
.carousel-section {
	
	position: relative;
	padding-top: 20upx;
	
	//背景空白占位
	.titleNview-placing {
		height: var(--status-bar-height);
		padding-top: 40upx;
		box-sizing: content-box;
	}
	
	//背景颜色控制
	.titleNview-background {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 380upx;
		transition: .4s;
	}

	//轮播广告
	.carousel {
		width: 100%;
		height: 360upx;
	
		.carousel-item {
			width: 100%;
			height: 100%;
			padding: 0 28upx;
			overflow: hidden;
		}
	
		image {
			width: 100%;
			height: 100%;
			border-radius: 10upx;
		}
	}
	// 数字提示       例如  2/5
	.swiper-dots {
		display: flex;
		position: absolute;
		left: 60upx;
		bottom: 20upx;
		width: 72upx;
		height: 36upx;
		background-image: url();
		background-size: 100% 100%;
	
		.num {
			width: 36upx;
			height: 36upx;
			border-radius: 50px;
			font-size: 24upx;
			color: #fff;
			text-align: center;
			line-height: 36upx;
		}
	
		.sign {
			position: absolute;
			top: 0;
			left: 50%;
			line-height: 36upx;
			font-size: 12upx;
			color: #fff;
			transform: translateX(-50%);
		}
	}
}
//<!-- 头部轮播  结束  -->
//--------------------------------------------------------------------------------------------------


//--------------------------------------------------------------------------------------------------
//<!-- 头部功能区  开始  -->
.category-section {
	display: flex;
	justify-content: space-around;
	align-items: center;
	flex-wrap: wrap;
	padding: 30upx 22upx;
	background: #ffffff;
	//设置单个功能区
	.category-item {
		display: flex;
		flex-direction: column;
		align-items: center;
		//设置图片
		image {
			width: 120upx;
			height: 120upx;
			margin-bottom: 16upx;
			border-radius: 50%;
			box-shadow: 4upx 4upx 20upx rgba(250, 67, 106, 0.3);
		}
		//设置文本
		text {
			font-size: $uni-font-size-sm;
			color: $uni-text-color-dark;
		}
	}
		
}
//<!-- 头部功能区  结束  -->
//--------------------------------------------------------------------------------------------------


//楼层 头部模块
.floor-header {
	display: flex;
	align-items: center;
	height: 140upx;
	padding: 6upx 30upx 8upx;
	background: #ffffff;
	margin-top: 16upx;
	
	//左侧图片
	image {
		flex-shrink: 0;
		width: 80upx;
		height: 80upx;
		margin-right: 20upx;
	}
	//中间文字说明
	.tit-box {
		flex: 1;
		display: flex;
		flex-direction: column;
		//第一行文字
		.tit {
			font-size: $uni-font-size-lg;
			color: $uni-text-color-dark;
			line-height: 1.3;
		}
		//第二行文字
		.tit2 {
			font-size: $uni-font-size-sm;
			color: $uni-text-color-light;
		}
	
	}
	//显示更多
	.icon-you {
		font-size: $uni-font-size-lg;
		color: $uni-text-color-light;
	}
	
}

//楼层 主体模块
.floor-body {
	padding: 0 30upx;
	background: #ffffff;
}

//--------------------------------------------------------------------------------------------------
//<!-- 品牌制造商直供  开始  -->

.shop-list{
	display: flex;
	flex-wrap: wrap;
}
.shop-item {
	display: flex;
	flex-direction: column;
	width: 48%;
	padding-bottom: 40upx;
	
	&:nth-child(2n+1) {
		margin-right: 4%;
	}
	//商标图片
	.shop-image {
		width: 100%;
		height: 150upx;
		border-radius: 8upx;
		overflow: hidden;
	
		image {
			width: 100%;
			height: 100%;
			opacity: 1;
		}
	}
	//第一行标题
	.title {
		font-size: $uni-font-size-lg;
		color: $uni-text-color-dark;
		line-height: 60upx;
	}
	//第二行标题
	.title2 {
		font-size: $uni-font-size-sm;
		color: $uni-text-color-light;
		line-height: 40upx;
	}
}
//<!-- 品牌制造商直供  结束  -->
//--------------------------------------------------------------------------------------------------


//--------------------------------------------------------------------------------------------------
//<!-- 新鲜好物  开始  -->
.new-list {
	white-space: nowrap;
	
	.scoll-wrapper {

		display: flex;
		align-items: flex-start;
		
		.new-item {
			width: 300upx;
			margin-right: 20upx;
			line-height: 1.8;
		
			image {
				width: 300upx;
				height: 300upx;
				border-radius: 6upx;
			}
		
			//第一行标题
			.title {
				font-size: $uni-font-size-lg;
				color: $uni-text-color-dark;
				line-height: 60upx;
			}
			//第二行标题
			.title2 {
				font-size: $uni-font-size-sm;
				color:$uni-text-color-light;
				line-height: 40upx;
			}
			//价格
			.price {
				font-size: $uni-font-size-lg;
				color: $uni-text-color-red;
			}
		}
		
		
		
	}
	
}
//--------------------------------------------------------------------------------------------------
//<!-- 新鲜好物  结束  -->